<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>


    <link rel="stylesheet" href="../css/menu.css"/>
    <link rel="stylesheet" href="../css/animate.css"/>
    <script src="../js/jquery-3.3.1.min.js"></script>


</head>
<body>

<ul id="main_menu">
    <li class="menu">
        <span class="menu_list">菜单一</span>
        <ul class="hid">
            <li class="menu_child">子菜单01</li>
        </ul>
    </li>
    <li class="menu">
        <span class="menu_list">菜单二</span>
        <ul class="hid">
            <li class="menu_child">子菜单01</li>
            <li class="menu_child">子菜单02</li>
        </ul>
    </li>
    <li class="menu">
        <span class="menu_list">菜单三</span>
        <ul class="hid">
            <li class="menu_child">子菜单01</li>
            <li class="menu_child">子菜单02</li>
            <li class="menu_child">子菜单03</li>
        </ul>
    </li>
</ul>




<div id="box1">box1</div>
<button type="button" id="btn1">~点我~</button>
<div id="box2">box2</div>
<button type="button" id="btn2">~点我~</button>
<div id="box3">box3</div>
<button type="button" id="btn3">~点我~</button>




<script src="../js/menu.js"></script>
</body>
</html>